<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 TRANSITIONAL//EN">
<html>

	<head>
		<title>Test Logging</title>
		<script>
			function testLoggingAllLevels() {
				initializeLogger();
				for (i = 0; i < 10; i++) {
					debug("SOME DEBUG CODE HERE");
					error("this is an error");
					fatal("this is really bad");
					info("here's some info!");
					trace("TRACEROUTE");
					warn("I'm warning you man!");
				}
			}
			
			function testWarn() {
				warn(document.getElementById('logtext').value);
			}
		</script>
		<script src="log.js"></script>
	</head>
	<body id="logbody">

		<input type="button" onclick="testLoggingAllLevels();" value="Click to initialize and test all logging levels"></input>
		<hr>
		<input type="button" onclick="initializeLogger();" value="Click this first to turn on logging"></input>
		<br>
		<input type="text" id="logtext" value="Enter test log text here"></input>
		<input type="button" onclick="warn(document.getElementById('logtext').value);" value="Warn"></input>
		<input type="button" onclick="info(document.getElementById('logtext').value);" value="Info"></input>
		<input type="button" onclick="error(document.getElementById('logtext').value);" value="Error"></input>
		<input type="button" onclick="debug(document.getElementById('logtext').value);" value="Debug"></input>
		<input type="button" onclick="fatal(document.getElementById('logtext').value);" value="Fatal"></input>
		<input type="button" onclick="trace(document.getElementById('logtext').value);" value="Trace"></input>
		<hr>
		<input type="button" onclick="clearConsole();" value="Clear Console"></input>
		
	</body>
</html>